@import "commo.scss";

.wrap {
    width: 1920px;

    main {
        width: 100%;

        .bannar {
            width: 100%;
        }

        img {
            width: 1920px;
            display: block;
        }

        .son {
            display: flex;
            justify-content: space-around;

        }

        li:hover {
            a{
                color: orange;
            }
        
        }

        ul {
            
            display: flex;

        }

        ol {
            display: flex;

            li {
                padding: 5px 10px;

            }

        }

        li {
            padding: 10px 20px;
            
        }

        .top {
            .box1 {
                width: 900px;
                height: 200px;
                display: flex;
                margin: 10px auto;
                .content{
                    margin-left:20px ;
                }

            }

            img {
                width: 370px;
                height: 200px;
            }
            

            button {
                width: 100px;
                height: 30px;
                background-color: orange;
                border: none;
                color: #fff;
                transition: all 1s;
                align-self: baseline;
                margin-top: 50px;
                margin-left: 20px;
                
            }
        }

        .boxx {
            align-items: center;
            display: flex;
            width: 400px;
            height: 50px;
            margin: 0 auto;

            .box2 {
                text-align: center;
                padding: 10px 10px 10px 10px;
                justify-content: center;
                width: 30px;
                height: 30px;
                background-color:#f4f5f9;
            }

            .box2:hover {
                background-color: orange;
            }
        }
    }

    footer {
        height: 60px;
        background-color: sienna;

        .box3 {
            text-align: center;
            color: #f4f5f9;
        }

        .box4 {
            text-align: center;
            color: darkgrey;
        }
    }
}